
// 定义变量
$base: 30px;
$width: $base * 30;

// 设置 .page-header 及其子元素样式
.page-header {
    display: flex;
    width: $width;
    height: $base * 3;
    margin: 15px auto;
    background: #fff;
    color: #000;
    text-align: center;

    .logo-container {
        flex-basis: $base * 3 ;
        overflow: hidden;
    }

    .logo-container>img {
        width: $base * 3;
        height: $base * 3;
    }

    .slogan {
        flex-basis: $width - $base * 3 ;
    }
}